
import router from './router'
import store from './store'
import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import headroom from 'vue-headroom';
// import VueCompositionApi from '@vue/composition-api'
// import axios from 'axios';
import axios from "../src/utils/request";
import App from './App.vue';
// 添加粒子特效
import VueParticles from 'vue-particles';
//导入全局样式
import'./assets/styles/global.css'
import icons from './icons'

//引入markdown相关
import VMdEditor from '@kangc/v-md-editor/lib/codemirror-editor';
import '@kangc/v-md-editor/lib/style/codemirror-editor.css';
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
import '@kangc/v-md-editor/lib/theme/style/github.css';

// codemirror 编辑器的相关资源
import Codemirror from 'codemirror';
// mode
import 'codemirror/mode/markdown/markdown';
// placeholder
import 'codemirror/addon/display/placeholder';
// active-line
import 'codemirror/addon/selection/active-line';
// scrollbar
import 'codemirror/addon/scroll/simplescrollbars';
import 'codemirror/addon/scroll/simplescrollbars.css';
// style
import 'codemirror/lib/codemirror.css';
import VMdPreview from '@kangc/v-md-editor/lib/preview';
import '@kangc/v-md-editor/lib/style/preview.css';
VMdEditor.Codemirror = Codemirror;
VMdEditor.use(githubTheme);

//预览

const app=createApp(App);
app.config.globalProperties.axios=axios;
app.use(store).use(router).use(ElementPlus).use(VueParticles).use(VMdEditor).use(VMdPreview).use(headroom).mount('#app')
